<div class="blade-content __medium-wide" id="blade-content">
<div class="blade-inner">
<div class="inner-block">
<div class="table-wrapper">
<div class="title-wrapper">
<span class="title" 
[ngClass]="{on:active==i}" 
*ngFor="let deviceCategoryFaultLevel of DeviceCategoryFaultLevels; let i=index"
(click)=onClickTitle(i)>{{deviceCategoryFaultLevel.deviceCategoryName}}</span>
</div>

<table class="table" 
*ngFor="let deviceCategoryFaultLevel of DeviceCategoryFaultLevels;let i=index" 
[style.display]="active==i ? 'table' :'none'"
 >
<thead>
<tr>
<th class="table-col">
<label class="form-control __checkbox">
<input (click)="onAllCheack($event.target)" #allCheckRef name="allCheck"  id="allCheck"  type="checkbox">
<span class="check"></span>
                </label>
</th>
<th class="table-col"> 序号</th>
<th class="table-col">报警级别</th>
<th class="table-col">是否报警</th>
<th class="table-col">背景色</th>
</tr>
</thead>
<tbody>
<tr class="table-item __selected" *ngFor="let item of deviceCategoryFaultLevel.faultLevels; let i =index " [ngClass]="{'__selected': currentEntity?.faultLevelId == item.faultLevelId}">
<td class="table-col __product-control">
<label class="form-control __checkbox">
<input type="checkbox"  name="itemCheck"  (click)="onItemCheack($event.target,item)" [checked]="allCheckRef.checked">
                  <span class="check"></span>
                </label>
</td>
<td class="table-col" (click)="onSeletedChange(item)">
{{ i+1 }}
</td>

<td class="table-col " (click)="onSeletedChange(item)">
{{ item.faultLevelName }}
</td>
<td class="table-col " (click)="onSeletedChange(item)">
{{ item?.unAlarm?"✔":"×" }}
</td>
<td class="table-col " (click)="onSeletedChange(item)">
<span class="turbstatus-color" [ngStyle]="{background:item.faultLevelColor}"></span>
</td>
</tr>
</tbody>



</table>
</div>
</div>
</div>
</div>